import { createStore } from 'vuex'

//分模块
const moduleA = {
    namespaced: true,
    state: () => {
        return {
            username: '模块A'
        }
    },
    getters: {
        changename(state) {
            return state.username + "!!!!"
        }
    }
}

const moduleB = {
    namespaced: true,
    state: () => {
        return {
            username: '模块B'
        }
    },
    getters: {
        changename(state) {
            return state.username + "@@@@@"
        }
    }
}
export default createStore({
    modules: {
        //分模块
        a: moduleA,
        b: moduleB
    }
})


//创建vuex仓库并导出
// export default createStore({
//     state: {
//         //定义数据
//         username: 'zhangsan'
//     },
//     getters: {
//         //vuex的计算属性
//         newname(state) {
//             console.log(state);
//             return state.username + " nihao"
//         }
//     },
//     mutations: {
//         //改变数据
//         editname(state) {
//             console.log(state);
//             state.username = "ls"
//         }
//     },
//     actions: {
//         //请求数据函数
//         updatename(ctx) {
//             //发请求
//             setTimeout(() => {
//                     // console.log(ctx);
//                     ctx.commit('editname')
//                 }, 3000)
//                 // console.log(ctx);
//         }
//     },
//     modules: {
//         //分模块
//     }
// })